<script setup>

import RadioInput from "./RadioInput.vue";
import SingleLineInput from "./SingleLineInput.vue";
import SingleRate from "./SingleRate.vue";
import CheckboxInput from "./CheckboxInput.vue";
import SingleTextarea from "./SingleTextarea.vue";
import SingleTimePicker from "./SingleTimePicker.vue";

const props = defineProps({
    question:{
        type:Object,
        required:true
    }
})
</script>

<template>
<div>
    <SingleLineInput v-if="question.type === 2" :data="question"></SingleLineInput>
    <SingleTextarea v-if="question.type === 3" :data="question"></SingleTextarea>
    <RadioInput v-if="question.type === 0" :data="question"></RadioInput>
    <CheckboxInput v-if="question.type === 1" :data="question"></CheckboxInput>
    <SingleRate v-if="question.type === 4" :data="question"></SingleRate>
    <SingleTimePicker v-if="question.type === 5" :data="question"></SingleTimePicker>
</div>
</template>

<style scoped>

</style>